<template>
  <!-- 属性的 sync 修饰作用  -->
  <div class='my-prop-sync'>
    使用sync双向绑定的子组件 <b>{{myMsg}}</b> <button @click="fn">子传父</button>
  </div>
</template>

<script>
export default {
  name: 'my-prop-sync',
  props: ['myMsg'],
  methods: {
    fn () {
      // 如果数据 属性名称.sync 的修饰符
      // 触发事件的是  update:属性名称  这是固定的规则
      this.$emit('update:myMsg', '子组件数据')
    }
  }
}
</script>

<style scoped lang='less'></style>
